// -------------------------------数据回填------------------------------
// 只要是修改操作，全部需要数据回填
// 数据回填，就是获取到原来的数据，设置输入框的默认值即可
function renderUser() {
  // 获取用户的数据，设置输入框的默认值
  axios.get("/my/user/userinfo").then((res) => {
    console.log(res);
    // 使用layui提供的form.val() 进行数据回调
    let form = layui.form;
    // form.val('表单的 lay-filter 属性值','数据，必须是对象格式，对象的键必须等于输入框的 name')
    form.val("abc", res.data.data);
  });
}
renderUser();

// ------------------------ 完成修改 ----------------------------
$("form").on("submit", function () {
  e.preventDefault();
  let data = $(this).serialize();
  axios.post("/my/user/userinfo", data).then((res) => {
    let { status, message } = res.data;
    if (status === 0) {
      layer.msg(message);
      // 更新 index.html 页面的 name
      // 调用父页面的函数，必须满足俩个条件
      // 1. 使用iframe把俩个页面联系到一起，形成父子页面的关系
      // 2. 必须在真实的的服务器环境中才能使用(必须使用live server打开页面)
      window.parent.getUserInfo();
    }
  });
});

// ------------------------ 重置按钮 -----------------------------
$("button[type=reset]").on("click", function (e) {
  e.preventDefault(); // 阻止默认行为
  renderUser();
});
